Una forma de hacer lo que quieres, y que no tengas que hacer tantos cambios, es esta, cada uno de los checks llama a una función con el evento click
y el revisa sí está seleccionado o no y dependiendo aplica el color que le asignas o lo deja "predeterminado"
function checksGreen(check){
if(check.checked){
document.getElementById('button1').style.backgroundColor = "green";
}else{
document.getElementById('button1').style.backgroundColor = "gray";
}
}
function checksOrange(check){
if(check.checked){
document.getElementById('button1').style.backgroundColor = "orange";
}else{
document.getElementById('button1').style.backgroundColor = "gray";
}
}
function checksRed(check){
if(check.checked){
document.getElementById('button1').style.backgroundColor = "red";
}else{
document.getElementById('button1').style.backgroundColor = "gray";
}
}
function checksPurple(check){
if(check.checked){
document.getElementById('button1').style.backgroundColor = "purple";
}else{
document.getElementById('button1').style.backgroundColor = "gray";
}
}
<input type='button' value=' 1 ' id="button1" class="btnIB">
<input type='button' value=' 2 ' id="button2" class="btnIB">
<input type="checkbox" id="checkGreen" onclick="checksGreen(this)">
<input type="checkbox" id="checkRed" onclick="checksRed(this)">
<input type="checkbox" id="checPurple" onclick="checksPurple(this)">
<input type="checkbox" id="checkOrange" onclick="checksOrange(this)">
Pero también hay formas de hacerlo que no más se una función y cosas así, pero ahí te dejo este método, alguna duda o sugerencia, me la comentas, espero que te sirva, saludos!!