<span class="mail0" title="Подпишись на новости" id="mail-news-3"></span>

.mail0, mail1 {
display: inline-block;
width: 21px; height: 16px; 
margin-right: 3px;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: transparent;
}

//-----------------------------------
//START AJAX SUBSCIBE
//-----------------------------------
function subscribe( user, id_cat ) {
var ajax = new dle_ajax();
ajax.onShow ('');
var varsString = ""; // не знаю, что ей присвоить?
ajax.setVar("category", id_cat);
ajax.setVar("user", user);
ajax.requestFile = dle_root + "engine/ajax/subscibe.php";
ajax.method = 'POST';
ajax.element = 'mail-news-' + id_cat;
ajax.sendAJAX(varsString);
//Тут должон быть код смены картинки пока не разобрался как сделать???
};
//-----------------------------------
// END AJAX SUBSCIBE
//-----------------------------------

document.getElementById('mail-news-3').setAttribute('class', 'mail1');

function subscribe( user, id_cat ) {
    var ajax = new dle_ajax();
    ajax.onShow ('');
    var varsString = ""; // не знаю, что ей присвоить?
    ajax.setVar("category", id_cat);
    ajax.setVar("user", user);
    ajax.requestFile = dle_root + "engine/ajax/subscibe.php";
    ajax.method = 'POST';
    ajax.element = 'mail-news-' + id_cat;
    ajax.sendAJAX(varsString);
    // вот волшебные строчки :)
    ajax.onCompletion = function () {
      // this.response - тут будет текст ответа
      var btn = document.getElementById("mail_news"); // наша кнопка
      if(this.response == 1) {
	// если вернули 1, значит пост добавлен в избранное, и показываем кнопку "удалить"
	btn.className = 'delete';
	btn.innerHTML = 'Удалить';
      } else {
	// если вернули 0, значит пост удалён из избранного, и показываем кнопку "добавить"
	btn.className = 'add';
	btn.innerHTML = 'Добавить';
      }
    }
};

<span class="CLASS" title="Подпишись на новости" id="mail_news">TEXT</span>
<!-- когда выводим кнопку на странице, подставляем нужный CLASS и TEXT -->

#mail_news {
  /* bla bla */
}
#mail_news.delete {
  /* bla bla */
  color: red;
}
#mail_news.add {
  /* bla bla */
  color: green;
}

function doFavorites( fav_id, event )
{
	ShowLoading('');

	$.get(dle_root + "engine/ajax/favorites.php", { fav_id: fav_id, action: event, skin: dle_skin }, function(data){

		HideLoading('');

		$("#fav-id-" + fav_id).html(data);

	});

	return false;
};

if( $_REQUEST['action'] == "plus" ) {
//Запросик и выдаем картинку
$buffer = "<img src=\"" . $config['http_home_url'] . "templates/{$config['skin']}/dleimages/minus_fav.gif\" onclick=\"doFavorites('" . $id . "', 'minus'); return false;\" title=\"" . $lang['news_minfav'] . "\" style=\"vertical-align: middle;border: none;\" />";
} elseif( $_REQUEST['action'] == "minus" ) {
//Запросик и выдаем картинку
$buffer = "<img src=\"" . $config['http_home_url'] . "templates/{$config['skin']}/dleimages/plus_fav.gif\" onclick=\"doFavorites('" . $id . "', 'plus'); return false;\" title=\"" . $lang['news_addfav'] . "\" style=\"vertical-align: middle;border: none;\" />";
}
echo $buffer;

<a id="fav-id-733" href="/index.php?do=favorites&doaction=add&id=733"><img src="/templates/www/dleimages/plus_fav.gif" onclick="doFavorites('733', 'plus'); return false;"
title="Добавить новость в закладки" style="vertical-align: middle;border: none;" alt="" /></a>